<template>
  <view class="contain justify-start items-start p-1">
	  <view><u-button type="primary" text="确定"></u-button></view>
	  <view><u-tag text="标签" plain size="mini" type="warning"></u-tag></view>
	  <view><u-icon name="photo" color="#2979ff" size="28"></u-icon></view>
	 <view class="grid grid-cols-4 gap-2 place-content-start border-2  border-amber-300">
			<view class="boxView">
				<view class="fimg">11</view>
				<view class="fword">22</view>
			</view>
			<view class="boxView">
				<view class="fimg">11</view>
				<view class="fword">22</view>
			</view>
			<view class="boxView">
				<view class="fimg">11</view>
				<view class="fword">22</view>
			</view>
			<view class="boxView">
				<view class="fimg">11</view>
				<view class="fword">22</view>
			</view>
			<view class="boxView">
				<view class="fimg">11</view>
				<view class="fword">22</view>
			</view>
			<view class="boxView">
				<view class="fimg">11</view>
				<view class="fword">22</view>
			</view>
			<view class="boxView">
				<view class="fimg">11</view>
				<view class="fword">22</view>
			</view>
			<view class="boxView">
				<view class="fimg">11</view>
				<view class="fword">22</view>
			</view>
	 </view>
	 
	 <view class="leftRight">
			<view class="boxView">
				<view class="fimg">11</view>
				<view class="fword">22</view>
			</view>
			<view class="boxView">
				<view class="fimg">11</view>
				<view class="fword">22</view>
			</view> 
	 </view>
	 
	 <view class="leftmidRight">
		<view class="left flex justify-center items-center bg-indigo-950 w-[40%] h-[600rpx] text-white">111</view>
		<view class="right flex flex-col justify-between w-[60%] text-white">
			<view class="flex justify-center items-center bg-indigo-950 h-[295rpx]">666</view>
			<view class="flex justify-center items-center bg-indigo-950 h-[295rpx]">888</view>
		</view>
	 </view>
	 
	 
	 <view class="fourBoard">
			<view class="boxView">
				<view class="fimg">11</view>
				<view class="fword">22</view>
			</view>
			<view class="boxView">
				<view class="fimg">11</view>
				<view class="fword">22</view>
			</view>
			 <view class="boxView">
				<view class="fimg">11</view>
				<view class="fword">22</view>
			 </view>
			 <view class="boxView">
				<view class="fimg">11</view>
				<view class="fword">22</view>
			 </view> 
	 </view>
	 
	 
	 <view class="Night">
		<view class="gridbg">01</view>
		<view class="gridbg">02</view>
		<view class="gridbg">03</view>
		<view class="gridbg">04</view>
		<view class="gridbg">05</view>
		<view class="gridbg">06</view>
		<view class="gridbg">07</view>
		<view class="gridbg">08</view>
		<view class="gridbg">09</view>
	 </view>
	 
  </view>
</template>

<script setup lang="ts">
import { ref } from 'vue'
/* const title = ref('Hello') */
</script>

<style lang="scss" scoped>
	@import "index.scss";
</style>
